
  <ng-container *ngFor="let item of data">
    <a *ngIf="item.routerLink" routerLinkActive="active" [routerLink]="item.routerLink" [class]="{ open: item.open }" (click)="titleClick(item, $event)" class="item p-ai-center" [style]="{'padding-left':(level+1)*20 +'px'}">
      <span style="flex: 0 0 20px;"><i class="fa {{'fa-'+(item.icon!=null?item.icon:'bars')}}" ></i></span>
      <span style="flex:1;"> {{ item.label }}</span>
      <span style="flex: 0 0 20px;" *ngIf="item.items!=null"  class="pi" [class]="{'pi-chevron-right':!item.open,'pi-chevron-down':item.open}"></span>
    </a>

    <a *ngIf="item.url"  [href]="item.url" [class]="{ open: item.open }" (click)="titleClick(item, $event)" class="item p-ai-center" [style]="{'padding-left':(level+1)*20 +'px'}">
      <span style="flex: 0 0 20px;"><i class="fa {{'fa-'+(item.icon!=null?item.icon:'bars')}}" ></i></span>
      <span style="flex:1;"> {{ item.label }}</span>
      <span style="flex: 0 0 20px;" *ngIf="item.items!=null"  class="pi" [class]="{'pi-chevron-right':!item.open,'pi-chevron-down':item.open}"></span>
    </a>
    <a *ngIf="item.url==null && item.routerLink==null"   [class]="{ open: item.open }" (click)="titleClick(item, $event)" class="item p-ai-center" [style]="{'padding-left':(level+1)*20 +'px'}">
      <span style="flex: 0 0 20px;"><i class="fa {{'fa-'+(item.icon!=null?item.icon:'bars')}}" ></i></span>
      <span style="flex:1;"> {{ item.label }}</span>
      <span style="flex: 0 0 20px;" *ngIf="item.items!=null"  class="pi" [class]="{'pi-chevron-right':!item.open,'pi-chevron-down':item.open}"></span>
    </a>
    <app-left-nav [data]="item.items" [level]="level+1" [parent]="newParent(item.label)"  [hidden]="!item.open" [collapsed]="collapsed"> </app-left-nav>

  </ng-container>

  <!-- <i class="fa fa-ellipsis-v" aria-hidden="true"></i> -->
